<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <link rel="icon" href="images/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="css/index.css">
    <script src="js/jquery.min.js"></script>
    <script src="js/jquery-ui.js"></script>
    <script type="text/javascript" src="js/myjs.js"></script>
    <title>哔哩哔哩</title>
    <style>
        .clearshow {
            position: absolute;
            width: 100%;
            height: 20px;
            z-index: 1;
        }

        .nav-link {
            position: relative;
        }

        #popmargin {
            position: absolute;
            top: 50px;
            left: -4px;
        }
    </style>
    <script>
        $(function () {
            let y, y1;
            let flag = true;
            let clone;
            $("#lb").sortable({
                disabled: true,
                item: ".sortable",
                axis: 'y',

                delay: 0,
                zIndex: 2020,
                revert: 200,
                grid: [0, 24],
                revert: true,//如果设置成true，则被拖拽的元素在返回新位置时，会有一个动画效果。

                distance: 24,
                helper: "clone",
                tolerance: 'pointer',
                forcePlaceholderSize: true,
                forceHelperSize: false,

                cursor: "text",
                start: function (event, ui) {
                    clone = $(ui.item[0].outerHTML).clone();
                    $(ui.helper).addClass("xz")
                    $(ui.item).addClass('xz')
                    $('body').mousemove(function (e) {
                        e = e || window.event;

                        y = e.pageY || e.clientY + document.body.scrollTop;
                        if (flag) {
                            y1 = y
                            flag = false
                        }
                        console.log(y)
                        return;
                    });
                },
                sort: function (event, ui) {
                    let n = $(ui.placeholder).index()
                    let lb = $("#lb .sortable");
                    if (y > y1) {
                        if (n == 19) {
                            //lb.eq(20).css({"transform":"translate3d(0,-10px,0)","transtion-duration":"300ms"})

                        } else {
                            //lb.eq(n).css({"transform":"translate3d(0,-10px,0)","transtion-duration":"300ms"})

                        }
                    } else {
                        if (n == 2) {
                            //lb.eq(1).css({"transform":"translate3d(0,10px,0)","transtion-duration":"300ms"})

                        } else {
                            //lb.eq(n).css({"transform":"translate3d(0,10px,0)","transtion-duration":"300ms"})
                        }
                    }
                    console.log(n)
                },
                placeholder: {
                    element: function (clone, ui) {
                        return $('<div class="item lieon"  >' + clone[0].innerHTML + '</div>');
                    }, update: function () {
                        return;
                    }
                },
                stop: function (event, ui) {
                    $(ui.item).removeClass('xz')
                    $("#lb .sortable").css({"transform": "translate3d(0,0px,0)", "transtion-duration": "300ms"})
                }


            });
            $("#lb").disableSelection();

        });
    </script>
</head>
<body>
<div class="home" style="width: 100%;height: 100%;position: relative;">
    <div id="Header" class="header">
        <div class="mini-header">
            <div class="clearshow"></div>

            <div class="mini-header_content ">
                <div class="nav-link">
                    <ul class="nav-link-ul">
                        <li class="nav-link-item"><a class="link" href="">

                            <svg height="20" width="24" t="1589083525344" class="icon" viewBox="0 0 1024 1024"
                                 version="1.1"
                                 xmlns="http://www.w3.org/2000/svg" p-id="576" width="64" height="64"
                                 xmlns:xlink="http://www.w3.org/1999/xlink">
                                <defs>
                                    <style type="text/css"></style>
                                </defs>
                                <path
                                        d="M777.514667 131.669333a53.333333 53.333333 0 0 1 0 75.434667L728.746667 255.829333h49.92A160 160 0 0 1 938.666667 415.872v320a160 160 0 0 1-160 160H245.333333A160 160 0 0 1 85.333333 735.872v-320a160 160 0 0 1 160-160h49.749334L246.4 207.146667a53.333333 53.333333 0 1 1 75.392-75.434667l113.152 113.152c3.370667 3.370667 6.186667 7.04 8.448 10.965333h137.088c2.261333-3.925333 5.12-7.68 8.490667-11.008l113.109333-113.152a53.333333 53.333333 0 0 1 75.434667 0z m1.152 231.253334H245.333333a53.333333 53.333333 0 0 0-53.205333 49.365333l-0.128 4.010667v320c0 28.117333 21.76 51.157333 49.365333 53.162666l3.968 0.170667h533.333334a53.333333 53.333333 0 0 0 53.205333-49.365333l0.128-3.968v-320c0-29.44-23.893333-53.333333-53.333333-53.333334z m-426.666667 106.666666c29.44 0 53.333333 23.893333 53.333333 53.333334v53.333333a53.333333 53.333333 0 1 1-106.666666 0v-53.333333c0-29.44 23.893333-53.333333 53.333333-53.333334z m320 0c29.44 0 53.333333 23.893333 53.333333 53.333334v53.333333a53.333333 53.333333 0 1 1-106.666666 0v-53.333333c0-29.44 23.893333-53.333333 53.333333-53.333334z"
                                        p-id="577" fill="#ffffff"></path>
                            </svg>
                            主站</a></li>
                        <li id="fj" class="nav-link-item"><a class="link" href="">番剧</a></li>
                        <li id="yxzx" class="nav-link-item">
                            <a class="link" href="">游戏中心</a>
                        </li>
                        <li id="zb" class="nav-link-item">
                            <a class="link" href="">直播</a>
                        </li>
                        <li id="hyg" class="nav-link-item"><a class="link" href="">会员购</a></li>
                        <li id="mh" class="nav-link-item"><a class="link" href="">漫画</a></li>
                        <li id="ss" class="nav-link-item"><a class="link" href="">赛事</a></li>
                        <li id="ap" class="nav-link-item"><a class="link" href="">

                            <svg height="20" width="24" t="1589091905257" class="icon" viewBox="0 0 1024 1024"
                                 version="1.1"
                                 xmlns="http://www.w3.org/2000/svg" p-id="32843" width="64" height="64">
                                <path
                                        d="M796.909423 54.747905 227.733213 54.747905c-31.434943 0-56.913221 25.482371-56.913221 56.918337l0 796.84956c0 31.43392 25.478278 56.915267 56.913221 56.915267l569.176211 0c31.44006 0 56.921407-25.481348 56.921407-56.915267L853.830831 111.666242C853.830831 80.230276 828.34846 54.747905 796.909423 54.747905zM739.991086 737.759767 284.655643 737.759767 284.655643 168.588673l455.335443 0L739.991086 737.759767z"
                                        p-id="32844" fill="#ffffff"></path>
                                <path
                                        d="M796.909423 54.747905 227.733213 54.747905c-31.434943 0-56.913221 25.482371-56.913221 56.918337l0 796.84956c0 31.43392 25.478278 56.915267 56.913221 56.915267l569.176211 0c31.44006 0 56.921407-25.481348 56.921407-56.915267L853.830831 111.666242C853.830831 80.230276 828.34846 54.747905 796.909423 54.747905zM739.991086 737.759767 284.655643 737.759767 284.655643 168.588673l455.335443 0L739.991086 737.759767z"
                                        p-id="32845" fill="#ffffff"></path>
                            </svg>

                            下载APP</a></li>
                        <li id="nap" class="nav-link-item"><a href=""
                                                              style="display: block; height: 30px;width: 30px;cursor: default;"></a>
                        </li>
                    </ul>
                </div>
                <div class="nav-search-box">
                    <form class="nav-searchform">
                        <input type="text" placeholder="老腔皮影戏《东方风神录》">
                        <div class="nav-search-but">
                            <button style="outline: none;">

                                <svg style="margin-top: 8px" height="15" width="15" t="1589096830548" class="icon sear"
                                     viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                                     p-id="34508" width="64"
                                     height="64">
                                    <path
                                            d="M965.844997 881.865839 754.477009 664.678308c50.566676-69.379137 80.548524-155.630546 80.548524-249.027703C835.025533 186.084139 653.937175 0 430.548408 0 207.09722 0 26.008862 186.084139 26.008862 415.650605c0 229.622748 181.089381 415.653675 404.540569 415.653675 73.90522 0 143.193283-20.342304 202.813149-55.973826l218.011292 224.12657c31.629371 32.454156 82.899058 32.454156 114.472148 0C997.480508 967.001845 997.480508 914.321018 965.844997 881.865839zM430.548408 720.473055c-163.835416 0-296.68205-136.462998-296.68205-304.82245 0-168.298054 132.846634-304.823474 296.68205-304.823474 163.80267 0 296.64828 136.52542 296.64828 304.823474C727.196689 584.010057 594.351078 720.473055 430.548408 720.473055z"
                                            p-id="34509"></path>
                                </svg>
                            </button>
                        </div>
                    </form>
                </div>
                <div class="nav-user-center">
                    <div class="user-con">
                        <div id="lj"
                             style="display: block; width: 60px;height: 40px;position: absolute; left: -30px;"></div>
                        <div id="lgin" class="name" style="margin-left: 30px;">
                            <img src="images/akari.jpg" class="logout-face">
                            登录
                        </div>
                        <div id="zcc" class="item" style="margin-left: 10px;"><a
                                href="//passport.bilibili.com/register/phone.html" class="txt name">注册</a></div>

                        <button id="tg" style="position: absolute;right: -5px;cursor: pointer;">投稿</button>
                    </div>
                </div>
                <div id="tgg"
                     style="width: 304px; position: absolute;  right: 25px; top:60px; background-color:#000; border:2px ; display: none; ">
                    <svg height="35px" width="20px" t="1589344086587" style="position: absolute;top:-21px;left: 80%;"
                         viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3303" width="64"
                         height="64">
                        <path d="M27.273 753.613l485.222-484.233 484.233 485.222z" p-id="3304" fill="#ffffff">
                        </path>
                    </svg>
                    <ul
                            style="cursor: pointer; border-radius: 2px; background-color: #fff;display: flex;width: 100%; height: 100%; ">

                        <li style="width: 76px;height: 68px; text-align: center;"><img src="images/文件上传.png" alt=""
                                                                                       style="margin-top: 10px; width: 28px;height: 28px;display: block;margin-left: 20px;">
                            <div style="height: 3px;display: block;"></div>
                            <a href="">专栏投稿</a>
                        </li>

                        <li style="width: 76px;height: 68px; text-align: center;"><img src="images/音乐.png" alt=""
                                                                                       style=" margin-top: 10px; width: 28px;height: 28px;display: block;margin-left: 20px;">
                            <div style="height: 3px;display: block;"></div>
                            <a href="">音频投稿</a>
                        </li>

                        <li style="width: 76px;height: 68px; text-align: center;"><img src="images/视频.png" alt=""
                                                                                       style="margin-top: 10px; width: 28px;height: 28px;display: block;margin-left: 20px;">
                            <div style="height: 3px;display: block;"></div>
                            <a href="">视频投稿</a>
                        </li>

                        <li style="width: 76px;height: 68px; text-align: center;"><img src="images/设置.png" alt=""
                                                                                       style="margin-top: 10px; width: 28px;height: 28px;display: block;margin-left: 20px;">
                            <div style="height: 3px;display: block;"></div>
                            <a href="">投稿管理</a>
                        </li>
                    </ul>
                </div>
                <div id="log1"
                     style=" display: none; position: absolute;right: 70px; top: 60px; width: 318px;height:305px; ">
                    <svg height="35px" width="20px" t="1589344086587" style="position: absolute;top:-21px;left: 50%;"
                         viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3303" width="64"
                         height="64">
                        <path d="M27.273 753.613l485.222-484.233 484.233 485.222z" p-id="3304" fill="#ffffff">
                        </path>
                    </svg>
                    <div class="vp-container">
                        <p class="title">登录后你可以：</p>
                        <div style="height: 10px;"></div>
                        <div class="img-panel" style=" background: url(images/danmub.png) no-repeat 50%;">
                            <img id="im1" src="images/danmu.png" style="position: absolute; left: -214px;">
                            <img id="im2" src="images/danmu.png" style=" position: absolute; left: 100px;">
                        </div>

                        <div class="btn-box" style="width: 100%; margin-left: 5px;">
                            <a id="zcbtn" href="//passport.bilibili.com/register/phone.html" class="btn"
                               style="margin-left: 3px; background-color:#fff; color: #47CAEC;"> 注册</a>
                            <a id="dlbtn" href="login.html" class="btn xs" style="color: #fff;">登录</a>
                        </div>
                    </div>

                    <div id="lang-change" class="lang-change">
                        <div id="lang-item" class="lang-item">
                            <div class="lang-title" style="margin-left:15px; position:relative; ">
                                <svg style="position: absolute;top:-2px;left:-27px;" height="24px" width="24px"
                                     t="1589373756135"
                                     class="icon" viewBox="0 0 1024 1024" version="1.1"
                                     xmlns="http://www.w3.org/2000/svg" p-id="1098"
                                     width="200" height="200">
                                    <path
                                            d="M512 129.94444444h-0.36736111H511.08159723c-210.68159723 0.55104167-381.13715277 171.37395833-381.13715279 382.05555556s170.45555556 381.50451389 381.13715279 382.05555556h0.91840277c211.04895833 0 382.05555556-171.00659723 382.05555556-382.05555556S723.04895833 129.94444444 512 129.94444444z m15.24548611 228.68229167c40.59340277-1.10208333 79.90104167-6.42881944 117.92291666-15.61284722 11.38819444 45.00173611 18.55173611 96.98333333 19.65381946 153.92430555H527.24548611V358.62673611z m0-30.67465278V163.00694444c41.14444444 11.38819444 83.02361111 66.30868056 109.47361112 150.61805556-35.26666667 8.44930556-71.81909723 13.225-109.47361112 14.32708333z m-30.49097222-165.3125v165.49618056c-38.021875-1.10208333-74.94166667-6.06145833-110.39201389-14.69444445 26.81736111-84.86041667 68.88020833-140.14826389 110.39201389-150.80173611z m0 195.98715278v138.12777778H358.259375c1.10208333-56.94097223 8.265625-108.92256944 19.65381944-153.92430556 38.20555556 9.18402777 78.06423611 14.69444444 118.84131945 15.79652778zM327.40104167 496.75451389H160.98645833c3.30625-78.61527777 32.69513889-150.61805556 79.53368056-207.55902778 33.98090277 18.73541667 70.16597223 34.16458333 108.00416667 45.55277778-12.49027777 48.67534723-19.8375 103.59583333-21.12326389 162.00625z m0 30.49097222c1.10208333 58.22673611 8.44930556 113.33090277 20.93958333 162.00625a571.99043402 571.99043402 0 0 0-108.00416667 45.55277778c-46.83854167-56.94097223-76.04375-128.94375-79.53368056-207.55902778H327.40104167z m30.85833333 0h138.49513889v137.94409722C455.97743056 666.29166667 416.11875 671.80208333 377.91319444 681.16979167c-11.38819444-45.00173611-18.55173611-96.98333333-19.65381944-153.92430556z m138.49513889 168.61875v165.67986112c-41.51180556-10.83715277-83.57465277-65.94131944-110.39201389-150.80173612 35.45034723-8.81666667 72.37013889-13.77604167 110.39201389-14.878125zM527.24548611 860.99305556V695.68055556c37.65451389 1.10208333 74.20694444 6.06145833 109.65729166 14.51076388-26.63368056 84.49305556-68.32916667 139.41354167-109.65729166 150.80173612z m0-195.80347223V527.24548611h137.57673612c-1.10208333 56.75729167-8.265625 108.73888889-19.65381946 153.740625-38.021875-9.18402777-77.32951389-14.69444444-117.92291666-15.79652778z m168.25138889-137.94409722h167.51666667c-3.30625 78.61527777-32.69513889 150.434375-79.53368056 207.55902778-34.34826389-18.91909723-70.71701389-34.34826389-108.92256944-45.92013889 12.49027777-48.67534723 19.8375-103.41215277 20.93958333-161.63888889z m0-30.49097222c-1.10208333-58.22673611-8.44930556-113.14722223-20.75590277-161.82256945 38.20555556-11.571875 74.57430556-27.00104167 108.73888888-45.73645833 46.83854167 56.94097223 76.22743056 128.94375 79.53368056 207.74270833H695.496875z m67.04340277-231.07013889c-30.49097223 16.16388889-62.45138889 29.57256944-96.06493054 39.675-17.81701389-57.49201389-42.98125-104.33055556-72.55381946-135.18888889 65.02291667 15.61284723 123.06597223 49.41006944 168.61875 95.51388889zM428.97638889 170.53784723c-29.57256944 30.67465277-54.553125 77.51319444-72.18645833 134.63784721-33.24618056-10.10243056-65.02291667-23.32743056-95.14652779-39.49131944 45.00173611-45.92013889 102.67743056-79.53368056 167.33298612-95.14652777zM261.45972223 758.13194444c30.12361111-16.16388889 62.08402777-29.38888889 95.14652777-39.49131944 17.81701389 57.30833333 42.79756944 103.96319444 72.37013889 134.82152777-64.65555556-15.61284723-122.33125-49.22638889-167.51666666-95.33020833z m332.46180554 95.69756945c29.75625-30.85833333 54.73680556-77.696875 72.7375-135.37256945 33.61354167 10.10243056 65.57395833 23.51111111 96.06493056 39.675-45.55277777 46.2875-103.77951389 80.08472223-168.80243056 95.69756945z"
                                            p-id="1099" fill="#979797"></path>
                                </svg>
                                语言：简体中文
                            </div>
                            <svg width="24px" height="24px" t="1589374072206" class="icon" viewBox="0 0 1024 1024"
                                 version="1.1"
                                 xmlns="http://www.w3.org/2000/svg" p-id="1895" width="200" height="200">
                                <path
                                        d="M389.115331 770.219783c5.30475 0 10.60438-2.047771 14.613915-6.133073l203.420417-207.234389c12.096181-12.32246 18.744269-28.619643 18.716624-45.887469-0.026621-17.267826-6.723855-33.544531-18.85792-45.830131l-203.323148-205.864431c-7.946374-8.045691-20.911834-8.128626-28.958548-0.17918-8.046715 7.947398-8.127602 20.912858-0.180204 28.959572L577.868591 493.915114c9.312237 9.427936 9.335786 24.792359 0.053242 34.248964L374.503464 735.397443c-7.922825 8.071288-7.802006 21.035724 0.269281 28.957525a20.401939 20.401939 0 0 0 14.342586 5.864815z"
                                        fill="#A0A0A0" p-id="1896"></path>
                            </svg>
                        </div>
                        <div class="lang-intro" id="lang-intro" style="height: 102px;">
                            <ul class="kkl" style="width: 100%">
                                <li id="jt" class="lang-intro-item"
                                    style="line-height: 34px;background-color: #f4f4f4;color: #2FB2DE;">简体中文
                                    <svg width="22px"
                                         height="22px" t="1589375971341" class="icon" viewBox="0 0 1024 1024"
                                         version="1.1"
                                         xmlns="http://www.w3.org/2000/svg" p-id="2742" width="200" height="200">
                                        <path
                                                d="M356.633486 866.60326a43.335582 43.335582 0 0 1-30.655697-12.70156L16.595837 544.519749a43.342807 43.342807 0 0 1 0-61.296945 43.328357 43.328357 0 0 1 61.30417 0L356.626261 761.949058l590.788683-590.795908a43.342807 43.342807 0 0 1 61.296945 0 43.335582 43.335582 0 0 1 0 61.30417l-621.437155 621.44438a43.277782 43.277782 0 0 1-30.641248 12.70156z"
                                                fill="#2FB2DE" p-id="2743"></path>
                                    </svg>
                                </li>
                                <li id="ft" class="lang-intro-item" style="line-height: 34px;">繁体中文</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <ul id="popmargin">
                    <div class="pop">

                        <div id="yxzx1"
                             style=" display:none; transform-origin: center top;  position: relative;width: 680px;height: 260px; margin-top: 10px;margin-left: 80px; ">
                            <svg height="35px" width="20px" t="1589344086587"
                                 style="position: absolute;top:-21px;left: 10%;"
                                 viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3303"
                                 width="64"
                                 height="64">
                                <path d="M27.273 753.613l485.222-484.233 484.233 485.222z" p-id="3304"
                                      fill="#ffffff"></path>
                            </svg>
                            <iframe src="https://www.bilibili.com/page-proxy/game-nav.html" frameborder="0" width="100%"
                                    height="100%"></iframe>
                        </div>
                        <div id="zb1"
                             style="display: none; transform-origin: center top;  position: relative;width: 528px;height: 266px; margin-top: 10px;margin-left: 145px;">
                            <svg height="35px" width="20px" t="1589344086587"
                                 style="position: absolute;top:-21px;left: 10%;"
                                 viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3303"
                                 width="64"
                                 height="64">
                                <path d="M27.273 753.613l485.222-484.233 484.233 485.222z" p-id="3304"
                                      fill="#ffffff"></path>
                            </svg>
                            <iframe src="https://live.bilibili.com/blackboard/dropdown-menu.html" frameborder="0"
                                    width="100%"
                                    height="100%"></iframe>
                        </div>
                        <div id="mh1"
                             style="display: none; transform-origin: center top;position: relative;width: 528px;height: 266px; margin-top: 10px;margin-left: 240px;">
                            <svg height="35px" width="20px" t="1589344086587"
                                 style="position: absolute;top:-21px;left: 10%;"
                                 viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3303"
                                 width="64"
                                 height="64">
                                <path d="M27.273 753.613l485.222-484.233 484.233 485.222z" p-id="3304"
                                      fill="#ffffff"></path>
                            </svg>
                            <iframe src="https://manga.bilibili.com/eden/bilibili-nav-panel.html" frameborder="0"
                                    width="100%"
                                    height="100%"></iframe>
                        </div>
                        <div id="ap1"
                             style="display: none; transform-origin: center top;  position: relative;width: 280px;height: 212px; margin-top: 10px;margin-left: 270px;">
                            <svg height="35px" width="20px" t="1589344086587"
                                 style="position: absolute;top:-18px;left: 43%;"
                                 viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3303"
                                 width="64"
                                 height="64">
                                <path d="M27.273 753.613l485.222-484.233 484.233 485.222z" p-id="3304"
                                      fill="#ffffff"></path>
                            </svg>
                            <img src="images/app-download.png" width="100%" height="100%" alt="">
                            <p class="txt"
                               style="display: block; font-size: 14px;width: 100%;text-align: center;position: absolute;bottom: 20px">
                                扫码下载手机客户端</p>
                        </div>
                    </div>
                </ul>
            </div>
        </div>
        <div class="bili-banner" style="background-image:url(images/bilibili-banner.png);">
            <div id="cun"><img src="images/春.png" alt=""></div>
        </div>
    </div>
    <div class="international-home">
        <div class="first-screen">
            <div id="reportFirst1">
                <div class="focus-carousel">
                    <div id="van" class="van-slide" style="width: 550px; height: 242px; border-radius: 2px;">
                        <a href="//www.bilibili.com/blackboard/topic_list.html" class="more">更多
                            <svg style="margin-bottom: -5px;" width="18px" height="18px" t="1589294241068" class="icon"
                                 viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1663"
                                 width="64"
                                 height="64">
                                <path
                                        d="M320 828.8L636.16 512 320 195.2a32 32 0 1 1 45.44-45.44L704 489.6a32 32 0 0 1 0 45.44l-339.2 339.2a32 32 0 0 1-44.8-45.44z"
                                        p-id="1664" fill="#ffffff"></path>
                            </svg>
                        </a>
                        <div id="gun" style="width: 3300px;display: flex;">
                            <div class="bannarimg" id="banner1">

                                <a href="">
                                    <img class="lun" src="images/1.jpg" alt="">
                                </a>
                                <p class="title">奖品有限，送完即止>></p>
                            </div>
                            <div class="bannarimg" id="banner2">
                                <a href="">
                                    <img class="lun" src="images/2.jpg" alt="">
                                </a>
                                <p class="title"><i class="bypb-icon"></i>【日语】免费学习发音课程</p>
                            </div>
                            <div class="bannarimg" id="banner3">
                                <a href="">
                                    <img class="lun" src="images/3.jpg" alt="">
                                </a>
                                <p class="title">血槽清空！神奇动物园营业中</p>
                            </div>
                            <div class="bannarimg" id="banner4">
                                <a href="">
                                    <img class="lun" src="images/4.jpg" alt="">
                                </a>
                                <p class="title">红海行动：中国海军海外救援，真实事件改编</p>
                            </div>
                            <div class="bannarimg" id="banner5">
                                <a href="">
                                    <img class="lun" src="images/5.jpg" alt="">
                                </a>
                                <p class="title">完结撒花~</p>
                            </div>
                            <div class="bannarimg" id="banner1">

                                <a href="">
                                    <img class="lun" src="images/1.jpg" alt="">
                                </a>
                                <p class="title">奖品有限，送完即止>></p>
                            </div>
                        </div>
                        <div class="trigger" id="trigger">
                            <div class="sel">
                                <span class="active" onclick="toi(1)"></span>
                            </div>
                            <div class="sel">
                                <span onclick="toi(2)"></span>
                            </div>
                            <div class="sel">
                                <span onclick="toi(3)"></span>
                            </div>
                            <div class="sel">
                                <span onclick="toi(4)"></span>
                            </div>
                            <div class="sel">
                                <span onclick="toi(5)"></span>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="reportFirst2"></div>
            </div>

        </div>
    </div>
</div>
</body>
</html>